#{extends 'main.html' /} #{set title:'Usuários' /}
<script src="@{'/public/javascripts/jquery.maskedinput-1.2.2.min.js'}"
	type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8"> 
	function FuncoesPesquisarCep() {
	$("#cep").change(function(){
			$("#lbcep").html("Buscando o CEP...");
			$.ajax({
			   type: "GET",
			   url: "/pesquisar_cep/" + $("#cep").val(),
				 dataType: 'xml',
			   success: function(dataset){
					$(dataset).find("webservicecep").each(function(){
						switch($(this).find('resultado').text()){
							case '1':
								$("#logradouro").val($(this).find('tipo_logradouro').text() + " " + $(this).find('logradouro').text());
								$("#bairro").val($(this).find('bairro').text());
								$("#cidade").val($(this).find('cidade').text());
								$("#estado").val($(this).find('uf').text());
								$("#numero").focus();
								break;
							case '-1':
								alert('CEP não encontrado!');
								break;
							case '-2':
								alert('Formato de CEP inválido!');
								break;
							case '-3':
								alert('Limite de buscas de ip por minuto excedido!');
								break;
							case '-4':
								alert('Ip banido. Contate o administrador!');
								break;
							default:
								alert('Erro ao conectar-se. Tente novamente!');
								break;
						}
						$("#lbcep").html('Não sabe o seu cep? <a href="http://www.correios.com.br/servicos/cep/cep_default.cfm" target="_blank">Clique aqui!</a>');
					})
			   }
			 });
	});
	};

$(document).ready(function() {
	$("#cpf").mask("999.999.999-99");
	$("#cep").mask("99999-999");
	$("#telefone").mask("(99) 9999-9999");
	FuncoesPesquisarCep();
	
	$("#navigation li.usuarios a").addClass("active");
});
</script>

<h2>Edição de Usuário</h2>
#{form @Usuarios.editarUsuario(usuario.email)}
<p>
	<label for="cpf">CPF:</label><br /> <input type="text" name="cpf"
		class="text" value="${usuario.cpf}" id="cpf">
</p>
<p>
	<label for="nome">Nome Completo:</label><br /> <input type="text"
		name="nome" class="text" value="${usuario.nome}" id="nome">
</p>
<p>
	<label for="telefone">Telefone para Contato:</label><br /> <input
		type="text" name="telefone" class="text" value="${usuario.telefone}"
		id="telefone">
</p>
<p>
	<label for="cep">CEP:</label><br /> <input type="text" name="cep"
		value="${usuario.endereco.cep}" class="text w80" id="cep"> <span
		id="lbcep">Não sabe o seu cep? <a
		href="http://www.correios.com.br/servicos/cep/cep_default.cfm"
		target="_blank">Clique aqui!</a><span>
</p>
<p>
	<label for="logradouro">Rua:</label><br /> <input type="text"
		name="logradouro" class="text" value="${usuario.endereco.logradouro}"
		id="logradouro">
</p>

<p>
	<label for="complemento">Complemento:</label><br /> <input type="text"
		name="complemento" class="text"
		value="${usuario.endereco.complemento}" id="complemento">
</p>

<p>
	<label for="numero">Número:</label><br /> <input type="text"
		name="numero" class="text" value="${usuario.endereco.numero}"
		id="numero">
</p>

<p>
	<label for="bairro">Bairro:</label><br /> <input type="text"
		name="bairro" class="text" value="${usuario.endereco.bairro}"
		id="bairro">
</p>

<p>
	<label for="cidade">Cidade:</label><br /> <input type="text"
		name="cidade" value="${usuario.endereco.cidade}" id="cidade"
		class="text w120"> / <input type="text" name="estado"
		value="${usuario.endereco.estado}" class="text w30" id="estado">
</p>

<p>
	<input type="submit" name="enviar" class="submit" value="Cadastrar"
		id="enviar">
</p>

#{/form}
